<template>
  <div>
    <div class="h-setting-head">
      <div class="h-head-left" @click="backLastPage">
        <i class="iconfont icon-icon_on_the_left"></i>
        返回
      </div>
      <div class="h-head-middle">{{pageTitle}}</div>
      <div class="h-head-righgt">{{rightText}}</div>
    </div>
  </div>
</template>

<script>
import CommonHead from '../../components/mine/commonHead'
  export default {
    name: 'CommonHead',
    data () {
      return {}
    },
    methods: {
       backLastPage () {
        window.history.back();
      }
    },
    props: {
      pageTitle: {
        type: String,
        default: ''
      },
      rightText: {
        type: String,
        default: ''
      }
    }

  }
</script>

<style scoped>
/*头部*/
.h-setting-head{
  height: 0.9rem;
  line-height: 0.9rem;
  padding-top: 0.4rem;
  background-color: #13bf92;
  display: flex;
  color: #fff;
  font-size: 0.36rem;
}
.h-head-left{
  padding-left: 0.2rem;
  box-sizing: border-box;
 
}
.h-head-left,.h-head-righgt{
  width: 1.5rem;
   font-size: 0.28rem;
}
.h-head-middle{
  flex-grow: 1;
  text-align: center;
}


</style>